$(document).on('ready', function() {
    idproglobal = 0;
    $(".botones").button();
    /******************************************************************/
    //PRODUCTOS
    /*****************************************************************/
    //SELECCION DEL COMBOBOX ON CHANGE CATEGORIAS ADD
    $("#list-categoria").change(function() {
        var opcion = $("#select-categoria").val();
        $("#addcatinput").val(opcion);
    });
    //SELECCION DEL COMBOBOX ON CHANGE CATEGORIAS EDIT
    $("#list-categoria2").change(function() {
        var opcion1 = $("#select-categoria2").val();
        $("#editcatinputselect").val(opcion1);
    });
    //OPEN DIV NUEVO PRODUCTO BUTTON
    //-----------------------------------
    $("#adddivproducto").click(function() {
        $("#formproducto").trigger("reset");
        llenarlistboxcategorias(true);
        $("#divproducto").dialog("open");

    });
    //OPEN DIV EDIT PRODUCTO 
    //-------------------------------------
    //LLENO EL EDITAR CON DATOS EXISTENTES
    $(document).on("dblclick", ".productos", function() {
        idproglobal = $(this).attr('data-id');
        $("formeditproducto").trigger("reset");
        var producto = "";
        var detalle = "";
        var stock = "";
        var preciocompra = "";
        var precioventa = "";
        var categoria_id = "";
        var precioferta = "";
        var list = "";
        $.ajax({
            url: 'http://localhost:26/ecomerce/Productos/productobusq/' + idproglobal,
            dataType: 'json',
            type: "POST",
            success: function(data) {
                $.each(data, function(item2) {
                    producto = data[item2].producto;
                    detalle = data[item2].detalleProducto;
                    stock = data[item2].stock;
                    preciocompra = data[item2].precioCompra;
                    precioventa = data[item2].precioVenta;
                    categoria_id = data[item2].categoria_id;
                    precioferta = data[item2].precioOferta;
                    return false;
                });
                $("#editproinput").val(producto);
                $("#editdetinput").val(detalle);
                $("#editstoinput").val(stock);
                $("#editcominput").val(preciocompra);
                $("#editveninput").val(precioventa);
                $("#editcatinputselect").val(categoria_id);
                $("#editofeinput").val(precioferta);
                llenarlistboxcategorias(false);
                $("#editarproducto").dialog("open");
            },
            error: function() {
                alert("No Existe este producto");
            }
        });

    });
    /****************************************************/
    /****************************************************/
    //DECLARACION DIALOG DIV AGREGAR Y EDITAR PRODUCTOS
    $("#divproducto").dialog({
        height: 'auto',
        width: 'auto',
        autoOpen: false,
        modal: true,
        show: {
            effect: "blind",
            duration: 300
        },
        hide: {
            effect: "blind",
            duration: 300
        }
    }).css("font-size", "15px", "width", "auto");
    $('#divproducto').submit(function(e) {
        e.preventDefault();
    });
    /****************************************************/
    /****************************************************/
    $("#editarproducto").dialog({
        height: 'auto',
        width: 'auto',
        autoOpen: false,
        modal: true,
        show: {
            effect: "blind",
            duration: 300
        },
        hide: {
            effect: "blind",
            duration: 300
        }
    }).css("font-size", "15px", "width", "auto");
    $('#editarproducto').submit(function(e) {
        e.preventDefault();
    });
    /****************************************************/
    //GUARDAR PRODUCTO BUTTON ADD DIALOG
    $("#guardarproducto").click(function(e) {
        e.preventDefault();

        $.ajax({
            url: "http://localhost:26/ecomerce/Productos",
            type: "POST",
            data: $("#formproducto").serialize(),
            success: function() {
                alert("Agregado con exito");
                TodosProductos();
                $("#divproducto").dialog("close");

            },
            error: function() {

            }
        });

    });
    /****************************************************/
    /****************************************************/
    //EDITAR PRODUCTO BUTTON DIALOG
    $("#editarbuttonproducto").click(function(e) {
        e.preventDefault();
        $.ajax({
            url: 'http://localhost:26/ecomerce/Productos/edit/' + idproglobal,
            type: "POST",
            data: $("#formeditproducto").serialize(),
            success: function() {
                TodosProductos();
                alert("Editado con exito");
                $("#editarproducto").dialog("close");
            }
        });

    });

    /****************************************************/
    //ELIMINAR PRODUCTO BUTTON 
    $(document).on("click", ".delete", function(e) {
        e.preventDefault();

        var idpro = $(this).attr('data-id');
        $.ajax({
            url: "http://localhost:26/ecomerce/Productos/delete/" + idpro,
            type: "POST",
            success: function() {
                alert("Eliminado con exito");
                TodosProductos();
            }
        });
    });
});
//FUNCION PARA MOSTRAR DATOS DE LA TABLA
function mostrarDatos() {
    var tabla = "";
    $.ajax({
        url: 'http://localhost:26/ecomerce/Productos/listaproductos',
        dataType: 'json',
        beforeSend: function() {
            $('#tablaproductos').html("<center><img src='/ecomerce/css/img/ajax_small.gif'/></center>");
        },
        success: function(data) {
            if (data != "") {
                tabla = '<table>';
                tabla += '<tr>';
                tabla += '<th>Id</th><th>Nombre</th><th>Detalle</th><th>Stock</th><th>P.Compra</th><th>P.Venta</th><th>Categoria</th><th>Precio Oferta</th>';
                tabla += '</tr>';
                $.each(data, function(index, item) {
                    tabla += '<tr>';
                    tabla += '<td>' + item.Producto.id + '</td>';
                    tabla += '<td>' + item.Producto.producto + '</td>';
                    tabla += '<td>' + item.Producto.detalleProducto + '</td>';
                    tabla += '<td>' + item.Producto.stock + '</td>';
                    tabla += '<td>' + item.Producto.precioCompra + '</td>';
                    tabla += '<td>' + item.Producto.precioVenta + '</td>';
                    tabla += '<td>' + item.Categoria.categoria + '</td>';
                    tabla += '<td>' + item.Producto.precioOferta + '</td>';
                    tabla += '<td><button type="button" class="editar" data-id="' + item.Producto.id + '">Editar</button></td>';
                    tabla += '<td><button type="button" class="opener" data-id="' + item.Producto.id + '">Eliminar</button></td>';
                    tabla += '</tr>';
                });
                tabla += '</table>';
                //$('#tablaproductos').html(tabla);
            } else {
                tabla = '<center>No hay productos en la base de datos</center>';
                // $('#tablaproductos').html(tabla);
            }
        }
    });
    return tabla;
}

function llenarlistboxcategorias(resp) {
    $.ajax({
        url: 'http://localhost:26/ecomerce/categorias/listacategorias',
        dataType: 'json',
        success: function(data) {
            if (resp) {
                var list = '<select id="select-categoria"><option>Seleccione una Categoria</option>';
            } else if (!resp) {
                var list = '<select id="select-categoria2"><option>Seleccione una Categoria</option>';
            }
            $.each(data, function(item) {
                var idCat = data[item].Categoria.id;
                var categorianom = data[item].Categoria.categoria;
                list += '<option value=' + idCat + '>' + categorianom + '</option>';
            });
            list += '</select>';
            if (resp) {
                $('#list-categoria').html(list);

            } else if (!resp) {
                $('#list-categoria2').html(list);

            }
        }

    });

}
/********************************************************************/
//CIERRE PRODUCTOS
/********************************************************************/